/* ---( page defaults )--- */

body {
  margin:0;
  padding:0;
  text-align:left;
  font:normal 14px x-small Trebuchet MS,Verdana,Arial,Sans-serif;
  color:#17bb17;
  background:#000;
}

.bar {
  background:#000;
  border-bottom:3px solid #111;
  box-shadow:0 0 5px #FFF;
  -moz-box-shadow:0 0 5px #FFF;
  -webkit-box-shadow:0 0 5px #FFF;
  -khtml-box-shadow:0 0 5px #FFF;
  top:0;
  left:0;
  width:100%;
  overflow:auto;
  position:fixed;
  z-index:10000;
  opacity:.9;
  filter:alpha(opacity:90);
}

.bar .left {
  margin-top:4px;
  float:left;
  text-align:left;
  font-family:Georgia;
  font-size:13px;
  font-weight:400;
  font-style:normal;
  color:#fff;
  width:30%;
}

.bar .center {
  float:left;
  text-align:center;
  font-family:Georgia;
  font-size:13px;
  font-weight:700;
  font-style:normal;
  color:#fff;
  width:35%;
}

.bar .right {
  float:right;
  margin-right:5px;
  text-align:right;
  font-family:Georgia;
  font-style:normal;
  color:#fff;
  width:30%;
}

.bar a {
  padding:0 0 0 23px;
}

.left_bar2 a {
  padding:0 0 0 21px;
}

#to_top {
  background:transparent no-repeat scroll 0;
  position:absolute;
  height:18px;
  width:19px;
  margin:0 0 0 900px;
  padding:9px 5px;
}

.s {
  width:250px;
  height:18px;
  color:#000;
  border:#61970e solid 2px;
  background:#fff;
  font-size:16px;
  font-family:Georgia;
  margin:0;
  padding:2px 0 0 4px;
}

.searchsubmit {
  width:28px;
  height:22px;
  border:0;
  cursor:pointer;
  background:url(http://i1220.photobucket.com/albums/dd451/irilsagita/Template/search-button.png) no-repeat;
}

#page-animasi {
  position:fixed !important;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:#010101;
  z-index:9999;
  text-align:center;
  width:100%;
  height:100%;
  padding:300px 0 0;
  display:none;
}

.anim {
  background-color:rgba(0,0,0,0);
  border:5px solid rgba(0,183,229,0.9);
  opacity:.9;
  border-right:5px solid rgba(0,0,0,0);
  border-left:5px solid rgba(0,0,0,0);
  border-radius:50px;
  box-shadow:0 0 35px #2187e7;
  width:50px;
  height:50px;
  margin:0 auto;
  -moz-animation:spinPulse 1s infinite ease-in-out;
  -webkit-animation:spinPulse 1s infinite linear;
}

.animasi {
  background-color:rgba(0,0,0,0);
  border:5px solid rgba(0,183,229,0.9);
  opacity:.9;
  border-left:5px solid rgba(0,0,0,0);
  border-right:5px solid rgba(0,0,0,0);
  border-radius:50px;
  box-shadow:0 0 15px #2187e7;
  width:30px;
  height:30px;
  margin:0 auto;
  position:relative;
  top:-50px;
  -moz-animation:spinoffPulse 1s infinite linear;
  -webkit-animation:spinoffPulse 1s infinite linear;
}

@-moz-keyframes spinPulse {
  0% {
    -moz-transform:rotate(0deg);
    box-shadow:0 0 1px #2187e7;
  }
  50% {
    -moz-transform:rotate(-180deg);
  }
  100% {
    -moz-transform:rotate(360deg);
  }
}

@-moz-keyframes spinoffPulse {
  0% {
    -moz-transform:rotate(0deg);
  }
  100% {
    -moz-transform:rotate(360deg);
  }
}

@-webkit-keyframes spinPulse {
  0% {
    -webkit-transform:rotate(0deg);
    box-shadow:0 0 1px #2187e7;
  }
  50% {
    -webkit-transform:rotate(-180deg);
  }
  100% {
    -webkit-transform:rotate(360deg);
  }
}

@-webkit-keyframes spinoffPulse {
  0% {
    -webkit-transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(360deg);
  }
}

/* links */

a:link {
  color:#0ff;
  text-decoration:none;
}

a:visited {
  color:#0ff;
  text-decoration:none;
}

a:hover {
  color:#80ff00;
  text-decoration:none;
}

/* ---( header and site name )--- */

#header-wrapper {
  margin:0;
  padding:0;
  width:920px;
  height:150px;
}

.head-inner {
  width:400px;
  background-position:left;
  margin-left:auto;
  margin-right:auto;
  float:left;
}

#header {
  overflow:hidden;
  color:#0ff;
}

#header h1 {
  width:400px;
  font:bold 300% Times New Roman;
  margin:5px;
  padding:5px;
  filter:glow(color=#0ff,Strength=5);
  text-align:center;
  float:left;
}

#header h1 a {
  text-decoration:none;
  color:#0ff;
}

#header h1 a:hover {
  color:#80ff00;
}

#header .description {
  margin:5px;
  text-align:center;
  width:400px;
  font:bold 150% Verdana;
  color:#999;
}

.header-ads {
  width:450px;
  float:left;
  margin:10px;
}

.header-ads img {
  border:1px solid #000;
  box-shadow:0 0 5px green,0 0 5px #000;
  -moz-box-shadow:0 0 5px green,0 0 5px #000;
  -webkit-box-shadow:0 0 5px green,0 0 5px #000;
  -khtml-box-shadow:0 0 5px green,0 0 5px #000;
  float:left;
  margin:0 0 5px;
  padding:4px;
}

/* ---( layout structure )---*/

#outer-wrapper {
  width:990px;
  margin:0 auto;
  text-align:justify;
}

#content-wrapper {
  background:#000;
  margin-left:50px;
  margin-top:10px;
  margin-bottom:10px;
  width:920px;
  border:5px solid #21610b;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
  border-radius:30px;
  -khtml-border-radius:30px;
  box-shadow:0 0 10px green,0 0 13px #FFF;
  -moz-box-shadow:0 0 10px green,0 0 13px #FFF;
  -webkit-box-shadow:0 0 10px green,0 0 13px #FFF;
  -khtml-box-shadow:0 0 10px green,0 0 13px #FFF;
}

#main {
  background:#181907;
  float:left;
  width:630px;
  margin-left:-50px;
  margin-bottom:20px;
  padding-top:10px;
  line-height:1.2em;
  word-wrap:break-word;
  overflow:hidden;
  border:5px solid #21610b;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
  border-radius:30px;
  -khtml-border-radius:30px;
  box-shadow:0 0 10px green,0 0 13px #FFF;
  -moz-box-shadow:0 0 10px green,0 0 13px #FFF;
  -webkit-box-shadow:0 0 10px green,0 0 13px #FFF;
  -khtml-box-shadow:0 0 10px green,0 0 13px #FFF;
}

.post p,
.post-footer p,
#footer p,
#footer {
  margin:0;
}

h3.date-header {
  font-size:70%;
  color:#ff9900;
  margin:0;
  text-align:left;
}

.post h2 {
  line-height:1.5em;
  background:url(http://www.blogblog.com/rounders/icon_arrow.gif) no-repeat 5px .5em;
  display:block;
  border:1px dotted #063e3f;
  color:#0ff;
  font:normal bold 16px Verdana,Geneva,sans-serif;
  border-width:0 1px 1px;
  margin:0;
  padding:4px 14px 2px 20px;
}

.post {
  border:1px dotted #063e3f;
  text-align:justify;
  border-width:1px 0;
  margin:.3em 0 25px;
  padding:0 13px;
}

.post h2 a {
  color:#0ff;
  text-decoration:none;
}

.post h2 a:hover {
  color:#80ff00;
  text-decoration:none;
}

.post-body {
  border:1px dotted #063e3f;
  border-bottom-color:#000;
  border-width:0 1px 1px;
  padding:10px 4px 1px;
}

.post img {
  border:1px solid #000;
  box-shadow:0 0 5px green,0 0 5px #000;
  -moz-box-shadow:0 0 5px green,0 0 5px #000;
  -webkit-box-shadow:0 0 5px green,0 0 5px #000;
  -khtml-box-shadow:0 0 5px green,0 0 5px #000;
  float:center;
  margin:0 0 5px;
  padding:4px;
}


/* ---( sidebar )--- */

.sidebar h5 {
  height:20px;
  line-height:1.5em;
  font:normal bold 14px Verdana,Geneva,sans-serif;
  border:3px solid #2e3b0b;
  background:#21610b;
  color:#fff;
  margin:0;
  padding:5px;
  text-align:center;
}

.sidebar .widget {
  margin:.5em 13px 1.25em;
  padding:0;
}

.widget-content {
  padding:10px;
}

.langganan,
.mailverify {
  border:1px solid #000;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  box-shadow:0 0 5px green,0 0 5px #000;
  -moz-box-shadow:0 0 5px green,0 0 5px #000;
  -webkit-box-shadow:0 0 5px green,0 0 5px #000;
  -khtml-box-shadow:0 0 5px green,0 0 5px #000;
  padding:5px;
  text-align:center;
}

.mbrsgt {
  border:1px solid #000;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  box-shadow:0 0 5px green,0 0 5px #000;
  -moz-box-shadow:0 0 5px green,0 0 5px #000;
  -webkit-box-shadow:0 0 5px green,0 0 5px #000;
  -khtml-box-shadow:0 0 5px green,0 0 5px #000;
  overflow:hidden;
}

.sidebar ul {
  list-style:none;
  margin:0 0 1.25em;
  padding:0;
}

.sidebar li {
  background:url(http://www.blogblog.com/rounders/icon_arrow_sm.gif) no-repeat 2px .25em;
  border-bottom:1px dotted #063e3f;
  line-height:1.2em;
  margin:0 0 3px;
  padding:0 0 3px 16px;
}

.profile-textblock {
  margin:0.5em 0;
  line-height:1.6em;
}

.profile-img {
  float:right;
  margin:3px;
  border:1px solid #ddd;
  padding:3px;
}

#kanan {
  width:330px;
  float:right;
  font-size:97%;
  line-height:1.5em;
  word-wrap:break-word;
  overflow:hidden;
}

#sisikanan,
#sisi-kanan {
  width:320px;
  color:#17bb17;
  margin:0 0 5px;
  padding:10px;
}

#catcher {height:950px;}

#sticky {
  margin-top:15px;
  width:auto;
  height:auto;
}

ul.spy {
  margin:0;
  padding:0;
  font:normal 11px Arial,Sans-Serif;
  overflow:hidden;
}

ul.spy li {
  list-style:none;
  background:none;
  text-align:left;
  margin:0;
  padding:5px;
  border-bottom:1px dotted #063e3f;
  word-wrap:break-word;
  overflow:hidden;
}

ul.spy a.header {
  font:bold 12px Verdana,Geneva,sans-serif;
  padding-top:5px;
  display:block;
}

ul.spy li .imgwrap {
  float:left;
  margin:5px;
  width:45px;
  height:45px;
  border:1px solid #000;
  box-shadow:0 1px 3px green;
  -moz-box-shadow:0 1px 3px green;
  -webkit-box-shadow:0 1px 3px green;
  -khtml-box-shadow:0 1px 3px green;
  padding:3px;
  background:white url('http://reader-download.googlecode.com/svn/trunk/images/loading-white.gif') no-repeat 50% 50%;
}

ul.spy li img {
  border:none;
  float:none;
  margin:0;
  padding:0;
  width:45px;
  height:45px;
  display:none;
}

.pandet {
  background:#000;
  border:1px solid #fff;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  filter:alpha(opacity=85);
  -moz-opacity:0.25;
  opacity:0.85;
  box-shadow:0 0 10px white;
  -moz-box-shadow:0 0 10px white;
  -webkit-box-shadow:0 0 10px white;
  -khtml-box-shadow:0 0 10px white;
  position:fixed;
  _position:absolute;
  bottom:10px;
  left:5px;
  clip:inherit;
  _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
  _left:expression(document.documentElement.scrollLeft+document.documentElement.clientWidth-offsetWidth);
}

.pandet a {
  filter:alpha(opacity=65);
  -moz-opacity:.25;
  opacity:.65;
  border:0;
}

#pandet img {
  border:0;
}

.pandet a:hover {
  filter:alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}

#slabel {
  background:#2e2e2e;
  margin:15px;
  padding:15px;
}

.feed-links {
  clear:both;
  line-height:2.5em;
  margin:10px;
}


/* ---( footer )--- */

.clear {
  /* to fix IE6 padding-top issue */

  clear:both;
}

.sagita {
  color:#390;
  text-align:center;
  font-size:12px;
  height:15px;
  background:#181907;
  border:#2d8930 1px solid;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-border-radius:5px;
  text-decoration:none;
  margin:15px;
  padding:10px;
}